// 导入 react 依赖包
import React from 'react';
import ReactDOM from 'react-dom/client';

import './01-React基础/base.css'; // 背后是我们默默无闻 webpack

// 1 创建挂载点
const root = ReactDOM.createRoot(document.getElementById('root'));

// React 中函数组件的定义
// 1 函数定义 组件
// 函数名大写字母开头
function Hello1() {
  // 返回UI
  return <h3>函数定义组件</h3>;
}

// 2 函数表达式
const Hello2 = function () {
  return <h3>函数表达式组件</h3>;
};

// 3 箭头函数
const Hello3 = () => {
  return <h3>箭头函数组件</h3>;
};

// 渲染的时候，一定要大些字母开头，以此来区分 React 自定义组件和html原生标签
root.render(<div>123</div>);
